<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title> FormData Demo </title>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

    <script type="text/javascript">
        <!--
        function fsubmit() {
            var data = new FormData($('#form1')[0]);
            $.ajax({
                url: '/bm/uploadImage',
                type: 'POST',
                data: data,
                dataType: 'JSON',
                cache: false,
                processData: false,
                contentType: false
            }).done(function (ret) {
                console.log("111");
//                if (ret['isSuccess']) {
//                    var result = '';
//                    result += 'name=' + ret['name'] + '<br>';
//                    result += 'gender=' + ret['gender'] + '<br>';
//                    result += '<img src="' + ret['photo'] + '" width="100">';
//                    $('#result').html(result);
//                } else {
//                    alert('提交失敗');
//                }
            });
            return false;
        }
        -->
    </script>

</head>

<body>
<form name="form1" id="form1">
    <p>name:<input type="text" name="activityId"></p>
    <!--<p>gender:<input type="radio" name="gender" value="1">male <input type="radio" name="gender" value="2">female</p>-->
    <p>photo:<input type="file" name="imagePath" id="imagePath"></p>
    <p><input type="button" name="b1" value="submit" onclick="fsubmit()"></p>
</form>
<div id="result"></div>
</body>
</html>